<header class="cf">

    <!-- social-bar -->
    <div id="social-bar-holder">
        <ul id="social-bar" class="cf">

            <li class="dribbble"><a href="http://www.dribbble.com/ansimuz" title="Dribbble"></a></li>
            <li class="facebook"><a href="http://www.facebook.com/pages/Ansimuz/224538697564461"
                                    title="Facebook"></a></li>
            <li class="forrst"><a href="http://forrst.me/ansimuz" title="forrst"></a></li>
            <li class="googleplus"><a href="https://plus.google.com/109030791898417339180/posts"
                                      title="googleplus"></a></li>
            <li class="twitter"><a href="https://twitter.com/ansimuz" title="twitter"></a></li>
        </ul>
    </div>
    <div class="cf"></div>
    <!-- ENDS social-bar -->

    <div id="logo" class="cf">
        <a href="index.html"><img src="img/logo.png" alt=""/></a>
    </div>

    <!-- nav -->
    <nav class="cf">
        <ul id="nav" class="sf-menu">
            <li class="current-menu-item"><a href="index.html"><span>HOME</span></a></li>
            <li><a href="index.html"><span>CATEGORIES</span></a>
                <ul id="menu">
                </ul>
            </li>
            <li><a href="blog.html"><span>BLOG</span></a></li>
            <li><a href="portfolio.html"><span>WORK</span></a></li>
            <li><a href="contact.html"><span>CONTACT</span></a></li>
            <li><a href="http://themeforest.net/item/halftone-wordpress-theme/2661175?ref=Ansimuz"><span>WORDPRESS VERSION</span></a>
            </li>
        </ul>
        <div id="combo-holder"></div>
    </nav>
    <!-- ends nav -->

</header>